<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>用户详情</title>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet"
	href="<%=basePath%>/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=basePath%>/css/font-awesome.min.css">
<script type="text/javascript"
	src="<%=basePath%>/js/jquery-1.11.1.min.js">
	
</script>
<script type="text/javascript"
	src="<%=basePath%>/bootstrap-3.3.5-dist/js/bootstrap.min.js">
	
</script>
<style type="text/css">
body {
	margin: 20px;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.user_title {
	font-size: 25px;
	font-weight: bold;
}

.row {
	margin-top: 10px;
}

.col-sm-3 {
	text-align: right;
}

span {
	font-size: 20px;
}

.return {
	height: 50px;
	margin-top: 40px;
	text-align: center;
}

.button {
	width: 50px;
	height: 40px;
	text-align: center;
}

.button>p {
	width: 50px;
	height: 30px;
	background-color: #abbac3;
}
</style>
</head>

<body>
	<div>
		<div class="user_title">用户信息</div>
		<hr>
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-3">
					<span>用户头像&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<img src="<%=basePath%>/img/15_140523161209_3.jpg" width="100px"
							height="100px"></img>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>用户名&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<span>小明</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>小明&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<span>123</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>角色ID&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<span>3</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>角色名&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<span>普通用户</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>最近登陆&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<span>2015/6/10</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>备注&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<div class="col-xs-10 col-sm-5">
						<span>实习</span>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-3">
					<span>截图&nbsp;:</span>
				</div>
				<div class="col-sm-9">
					<img src="<%=basePath%>/img/15_140523161209_3.jpg" width="100px"
						height="100px"></img> <img
						src="<%=basePath%>/img/15_140523161209_3.jpg" width="100px"
						height="100px"></img> <img
						src="<%=basePath%>/img/15_140523161209_3.jpg" width="100px"
						height="100px"></img> <img
						src="<%=basePath%>/img/15_140523161209_3.jpg" width="100px"
						height="100px"></img> <img
						src="<%=basePath%>/img/15_140523161209_3.jpg" width="100px"
						height="100px"></img>
				</div>
			</div>
		</div>
		<div class="return">
			<div class="button">
				<p>
					<a href="views/user.jsp">返回</a>
				</p>
			</div>
		</div>
	</div>
</body>
</html>
